BODY {
         font-family: Trebuchet MS;
         margin: 0;
         padding: 0;
         font-size: 12px;
}

H1 {
         margin: 0;
         padding: 0;
         font-size: 20px;		
}

.header {
        background-image: url("header.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        -moz-background-size: cover;
}

.headertextgr {
        font-size: 40px;
        color: rgb(255,255,255);  
}

.headertextkl {
    font-size: 30px;
    color: rgb(255,255,255);  
}

HR {
    border: 1px solid rgb(124, 123, 123);
}
.info {
		font-size: 12px;
}

a:link {
    color: black;
}

a:visited {
    color: black;
}

a:hover {
    color: black;
}

a:active {
    color: black;
}

.ueberschrift {
         margin: 0;
         padding: 0;
         font-size: 20px;
		 color: 757575;		 
}

.top {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: 757575;	
    border-bottom-color: rgb(124, 123, 123);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.beschr {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: 757575;
}
 nav {
         background-color: rgb(235, 235, 235);
         color: #fff;
         display: block;
         margin: 0;
         overflow: hidden;
         /* border-radius: 5px; */
}

nav ul{
         margin: 0;
         padding: 0;
         list-style: none;
         /* border: 1px solid rgb(124, 123, 123); */
         border-radius: 5px;
}

nav ul li {
         margin: 0;
         display: inline-block;
         list-style-type: none;
         transition: all 0.5s;
}

nav > ul > li > a {
         color: #aaa;
         display: block;
         line-height: 2em;
         padding: 0.5em 2em;
         text-decoration: none;
}

nav li > ul{
         display : none;
         margin-top:1px;
         background-color: #bbb;
}

nav li > ul li{
         display: block;
}

nav  li > ul li a {
         color: #111;
         display: block;
         line-height: 2em;
         padding: 0.5em 2em;
         text-decoration: none;
         text-align: left;
}

nav li:hover {
         background-color: rgb(235, 235, 235);
}

nav li:hover > ul{
         position:absolute;
         display : block;
}

.fader {
    position: relative;
    display: inline-block;
}

.fader img {
    vertical-align: top;
}

.fader img.next {
    position: absolute;
    top: 0;
    left: 0;
}

.rot {
    color: red;
}

/* raleway-regular - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
  }